<template>
    <div class="tab-bar-container">
        <div class="tab-bar-wrapper">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
*{
    margin:0;
    padding:0;
}
.tab-bar-container{
    width:100%;
    height:64px;
    position: fixed;
    bottom:0px;
    left:0px;
    border-top:1px solid lightgray;
}
.tab-bar-wrapper{
    width:100%;
    height:100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
</style>